﻿<%@ page title="Slider/SliderRange Widgets" language="C#" masterpagefile="~/standard.master" codefile="slider.aspx.cs" inherits="Sample.JQuery.SliderPage" %>
<asp:content id="Content" contentplaceholderid="ContentPlaceHolder" runat="server">
	<div><asp:hyperlink runat="server" id="CodeLink" navigateurl="~/code.aspx?file=slider&title=Slider/SliderRange+Widgets+Code" text="View Source Code" /></div>
	<p>
		This is the GreenIsomer ASPX implementation of the
		<jquery:themedicon runat="server" symbol="NewWin" tooltip="Opens in New Window" />
		<a href="http://jqueryui.com/demos/slider/" target="_blank">jQuery UI Slider Widget</a>.
	</p>
	<p>
		<asp:textbox runat="server" id="SliderValue" readonly="true" width="40px" />
		<jquery:slider runat="server" id="Slider" valuedisplaycontrol="SliderValue" range="Min" />
	</p>
	<p>
		<asp:label runat="server" id="Slider2Value" />
		<jquery:slider runat="server" id="Slider2" valuedisplaycontrol="Slider2Value" range="Max" />
	</p>
	<p>
		<asp:textbox runat="server" id="SliderRangeStartValue" readonly="true" width="40px" />-<asp:textbox runat="server" id="SliderRangeEndValue" readonly="true" width="40px" />
		<jquery:sliderrange runat="server" id="SliderRange" startvaluedisplaycontrol="SliderRangeStartValue" endvaluedisplaycontrol="SliderRangeEndValue" />
	</p>
	<p>
		<asp:label runat="server" id="SliderRange2StartValue" />-<asp:label runat="server" id="SliderRange2EndValue" />
		<jquery:sliderrange runat="server" id="SliderRange2" startvaluedisplaycontrol="SliderRange2StartValue" endvaluedisplaycontrol="SliderRange2EndValue" />
	</p>
	<p>
		<asp:button runat="server" id="Button" text="Traditional Post-back" />
		<asp:label runat="server" id="ChangeMessage" enableviewstate="false" />
	</p>
</asp:content>